<?php require_once(PATH_TPL.'Header.tpl.php'); ?>
	<!-- LOGIN FORM -->
	<div class="response">
		<form name="loginForm" id="loginForm" action="#" enctype="multipart/form-data">
			<input type="text" name="login" id="login" onblur="if(this.value=='') this.value='LOGIN';" onfocus="if(this.value=='LOGIN') this.value='';" value="LOGIN" />
			<input type="password" name="password" id="password" onblur="if(this.value=='') this.value='PASSWORD';" onfocus="if(this.value=='PASSWORD') this.value='';" value="PASSWORD" />
			<a href="#" onclick="logMeIn();" class="login-bt">LOGIN</a>
		</form>
		<p class="ajax-loader"><img style="vertical-align:-6px; margin-left:10px;" src="<?php echo URL_TPL; ?>/backoffice/assets/img/ajax-loader.gif" /></p><br />
		<p class="text"></p>
	</div>
	<!-- HEADER -->
	<div id="head">
		<div id="int">
			<div style="float:left; max-height:150px; line-height:130px;"><span class="size40">hall88</span><span class="size25" style="vertical-align:12pt;">&trade;</span></div>
			<ul id="menu">
				<li><a href="#refs">What we have done</a></li>
				<li><a href="#refs">Wanna call us</a></li>
			</ul>
		</div>
	</div>
	<!-- NEWS -->
	<div id="news">
		<div class="gtitle">Just appened...</div>
		<div class="slider-wrapper theme-default">
			<ul id="slider-news">
				<?php
					foreach ($this->tnews() as $news) {
						?>
							<li class="news-item"><p><span class="title"><?php echo $news->title(); ?></span><br />...<br /><span class="text"><?php echo $news->text(); ?></span></p></li>
						<?php
					}
				?>
			</ul>
		</div>
	</div>
	<!-- HOME -->
	<!--
	<div id="home">
		<ul id="slider-home">
			<?php
			/*
			foreach ($tslides as $slide) {
				?>
				<li style="margin-bottom:30px;">
					<div class="bx-caption">
						<p><span class="bariol-light size25"><?php echo $slide->title(); ?></span></p>
					</div>
					<img src="<?php echo $slide->img(); ?>" />
				</li>
				<?php
			}
			*/
			?>
		</ul>
	</div>
	-->
	<!-- ABOUT -->
	<div id="about">
		<div class="gtitle">What we do...</div>
		<div class="slider-wrapper theme-default">
			<ul id="slider-about">
				<li>
					<div class="battlefield-img"></div>
					<ul class="battlefield">
						<!--
						<?php
						/*
						foreach ($tbf3stats as $player) {
							?>
							<li class="soldier" style="background:url(<?php echo $player->rankImg(); ?>) center center no-repeat; background-position:95% 0; background-size:30%;">
								<p>
									<span class="bariol-bold size14">
									<?php
										switch ($player->name()) {
											case "batluke71":
												echo "Baptiste";
												break;
											case "Yanik71":
												echo "Yannick";
												break;
											case "olivierhuntemann":
												echo "Olivier";
												break;
										}
									?>
									</span><br />
									<span class="bariol-regular size10 grey01">kills. <?php echo $player->kills(); ?></span><br />
									<span class="bariol-regular size10 grey01">score. <?php echo $player->score(); ?></span>
								</p>
							</li>
							<?php
						}
						*/
						?>
						-->
					</ul>
				</li class="abilities-item">
				<?php
					foreach ($this->tabilities() as $ability) {
						?>
							<li class="news-item"><p><span class="title"><?php echo $ability->title(); ?></span><br /><span class="text"><?php echo $ability->text(); ?></span></p></li>
						<?php
					}
				?>
			</ul>
		</div>
	</div>
	<!-- REFS -->
	<div id="refs">
		<div class="gtitle">What we have done...</div>
		<?php
		foreach ($this->tproducts() as $product) {
		?>
		<div class="refs-item">
			<div class="card rotated-0">
				<div class="face" style="background:url(<?php echo $product->img(); ?>) center center no-repeat; background-size:cover;">
					<div class="int">
						<p class="title"><?php echo $product->title(); ?></p>
						<p class="date"><?php echo $product->date(); ?></p>
						<a href="javascript:" class="flip-bt"></a><a href="javascript:" class="like-bt"></a><?php if($product->link() != ""){?><a href="<?php echo $product->link(); ?>" class="link-bt" target="_blank"></a><?php } ?>
					</div>
				</div>
				<div class="back">
					<div class="text">
					<span class="size20"><?php echo $product->title(); ?></span><br /><span class="size12"><?php echo $product->date(); ?></span><br /><br /><span><?php echo $product->text(); ?></span>
					</div>
					<div class="adds">
						<p>We do :</p>
						<p>
						<?php
						foreach($product->adds() as $adds){
							foreach($adds as $add) {
								?>
									<span><img style="vertical-align:-5px;" src="<?php echo $add->img(); ?>" /> <?php echo $add->title(); ?></span><br />
								<?php
							}
						}
						?>
						</p>
					</div>
					<a href="javascript:" class="flip-bt"></a>
					</div>
			</div>
			<div class="sep">
				<div class="point"></div>
				<div class="refs-year">
					<?php echo $product->year(); ?>
				</div>
			</div>
		</div>
		<?php
		}
		?>
	</div>
	<div id="foot"><p>&copy; HALL88 2013. ALL RIGHTS RESERVED<p></div>
<?php require_once(PATH_TPL.'Footer.tpl.php'); ?>